.serverMessage-contarnier {
	//   margin-bottom: 121px;
	width: 100%;
	position: relative;
	height: 100vh;
	overflow-y: scroll;
	background: #f4f5fa;
	z-index: 1;
	.header {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 13vh;
		background: linear-gradient(0deg, #0065ee 35%, #2175ff 100%);
		> div {
			color: #fff;
			font-size: 2.5rem;
			font-weight: bold;
			position: absolute;
			top: 3.5rem;
			left: 50%;
			width: 100%;
			transform: translateX(-50%);
		}
	}
	.serverMessage-box {
		width: 100%;
		height: 87vh;
		position: relative;
		z-index: 2;
		background: #ffffff;
		border-radius: 1rem;
		padding: 3.125rem 1.875rem 0 1.875rem;
		box-sizing: border-box;
		overflow-y: scroll;
		overflow-x: hidden;
		&-card {
			position: relative;
			width: 100%;
			height: 10.3125rem;
			background: linear-gradient(90deg, #fafcff 0%, #f6f8fe 100%);
			border-radius: 0.875rem;
			padding: 1.625rem 2.125rem 1.875rem 1.625rem;
			margin-bottom: 1.25rem;
			&-title {
				font-size: 1.875rem;
				color: #161a1e;
				display: flex;
				justify-content: space-between;
				align-items: center;
				> div:last-child {
					// width: 6.625rem;
					height: 2.8125rem;
					border-radius: .3125rem;
					color: #fff;
					text-align: center;
					line-height:2.8125rem ;
					font-size: 1.625rem;
					padding: 0 .625rem;
				}
				.event {
					background: #19bc56;
				}
				.service {
					background: #066BFF;
				}
				.history {
					background: #FEB656;
				}
			}
			&-time {
				font-size: 1.5rem;
				color: #787e93;
				margin-top: 2.5rem;
			}
		}
	}
}
